<template>
  <div>
    <hr>
    <p>-----这是一个父组件sync-------------{{ num }}---{{ num2 }}</p>
    <!-- sync可以对组件进行双向绑定,
      和v-model的区别是：
         - v-model在同一个组件上只能绑定一次
         - sync可以同时绑定多次
     -->
    <!-- sync的用法，也是一个语法糖的用法,等同于下面的写法 -->
    <son :aa.sync="num" :cc.sync="num2" />
    <!-- <son
      :aa="num"
      :cc="num2"
      @update:aa="val=> num = val"
      @update:cc="val=> num = val"
    /> -->
  </div>
</template>

<script>

import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      uname: 'zs',
      num: 100,
      num2: 200
    }
  },
  methods: {

  }
}
</script>

<style>

</style>
